﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>view-个人博客</title>
	<meta name="keywords" content="黑色模板,个人网站模板,个人博客模板,博客模板,css3,html5,网站模板" />
	<meta name="description" content="这是一个有关黑色时间轴的css3 html5 网站模板" />
	<link href="/assets/css/styles.css" rel="stylesheet">
	<link href="/assets/css/view.css" rel="stylesheet">
	<link href="/assets/css/mytable.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.0/styles/railscasts.min.css" rel="stylesheet">
	<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.0/styles/atom-one-dark.min.css"> -->
	<script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.0.0/build/highlight.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/10.0.0/markdown-it.min.js"></script>
</head>
  <body>
	<header>
		<nav id="nav">
		  <ul>
			<li><a href="/" >首页</a></li>
			<li><a href="/news/" target="_blank" title="慢生活">慢生活</a></li>
			<li><a href="/newstalk/" target="_blank" title="碎言碎语">碎言碎语</a></li>
			<li><a href="/newstalk/" target="_blank" title="碎言碎语">关于</a></li>
		  </ul>
		  <script src="/assets/js/silder.js"></script><!--获取当前页导航 高亮显示标题--> 
		</nav>
	  </header>
	  <!--header end-->
<div id="mainbody">
	<div class="blogs">
	  <div id="index_view">
		<h2 class="t_nav"><a href="/">首页</a><a href="/">{{.post.Item}}</a></h2>
		<h1 class="c_titile">{{.post.Title}}</h1>
		<p class="box">发布时间：{{.post.Date}}<span>编辑：{{.post.Author}}</span>阅读（30）</p>
		<ul>
			<div class="md_render">
			</div>
		</ul>
		<div class="share"> 
			<div id="share_button" class="social-share" style="float:right;padding-right:2em;padding-top:1em;"></div>
			<div id="share_button_proto" style="display:none;">
				<a class="bshareDiv" href="http://www.bshare.cn/share">分享按钮</a>
				<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=15e016b4-0028-44f1-a40d-a3c9d9c13c28&style=10&bgcolor=#fff&bp=weixin,qqim,qzone,qqmb,sinaminiblog,fanfou,xueqiu,douban,facebook,twitter,gplus,instapaper&ssc=false"></script>
				<script type="text/javascript" charset="utf-8">
				bShare.addEntry({
					title: document.getElementById("page-title").innerHTML,
				url:window.location.href
				});
				</script>
			</div>
			<script>
			document.getElementById("share_button").innerHTML=document.getElementById("share_button_proto").innerHTML;
			</script>
		</div>
		<div id="alpha">
			<div class="asset-foot">
				<h3 style="display: block;margin-block-start: 1em;margin-block-end: 1em;">文档信息</h3>
				<ul>
				<li style="list-style-type: disc;">版权声明：自由转载-非商用-非衍生-保持署名（<a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.zh">创意共享3.0许可证</a>）</li>
				<li style="list-style-type: disc;">发表日期： <abbr class="published" title="2020-04-28T08:27:23+08:00">2020年4月28日</abbr></li>
				</ul>
			</div>
			<div style="display: inline-block ! important;width: 100%;">
			</div>
			<div id="comments" class="comments">
				<h2 class="comments-header">留言（12条）</h2>
				<div id="comments-content" class="comments-content" style="clear: left;"></div>
				<div id="comment-418081" class="comment">
					<div  class="inner">
						<div class="comment-header">
							<div class="asset-meta">
						<p>
								<span class="byline">
									<span class="vcard author">薛定猫</span>说：
									</span>
						 </p>
						   </div>
						</div>
						<div class="comment-content" id="comment-quote-418081">   
				马云跟乔布斯一样，他们虽没有真正参与旗下产品的开发与生产，但他们追求的信仰却给每一件产品注入了灵魂。
						</div>
						<div class="comment-footer">
							<div class="comment-footer-inner">
							<p>
											   <abbr class="published" title="April 30, 2020  9:22 AM">2020年4月30日 09:22</abbr>
							 | <a href="http://www.ruanyifeng.com/blog/2020/04/ipod-history.html#comment-418081">#</a>
							 | <a href="#comment-text" title="引用薛定猫的这条留言" onclick="return CommentQuote('comment-quote-418081','薛定猫');">引用</a>
							</p>
							</div>
						</div>
					</div>
				</div>
				
				<div class="comments-open" id="comments-open">
					<h2 class="comments-open-header">我要发表看法</h2>
					<div class="comments-open-content">
						<div id="comment-greeting"></div>
			
						<form method="post" action="/comment" name="comments_form" id="comments-form" onsubmit="return pleaseWait();">
							<input type="hidden" name="id" value={{.post.ID}} />
							<input type="hidden" name="item" value={{.post.Item}} />
							<div id="comments-open-data">
						<div id="comments-open-text">
								<p><label for="comment-text">您的留言
								（HTML标签部分可用）</label></p>
								<p><textarea id="comment-text" name="text" rows="10" cols="50"></textarea></p>
							</div>
								<div id="comment-form-name">
									<p><label for="comment-author">您的大名：</label></p>
									<p><input id="comment-author" name="author" size="30" value="" />  <span class="hint"> &laquo;-必填</span></p>
								</div>
								<div id="comment-form-email">
									<p><label for="comment-email">电子邮件：</label></p>
									<p><input id="comment-email" name="email" size="30" value="" />  <span class="hint"> &laquo;-必填，不公开</span></p>
								</div>
								<div id="comment-form-url">
									<p><label for="comment-url">个人网址：</label></p>
									<p><input id="comment-url" name="url" size="30" value="" />  <span class="hint"> &laquo;-选填</span></p>
								</div>
							</div>
							
							<div id="comments-open-captcha"></div>
							<div id="comments-open-footer">
							<div id="wait" style="display:none;">
							<p><strong>正在发表您的评论，请稍候</strong></p>
							<p>
							<input type="text" name="percent" size="3" style="font-family:Arial; color:black;text-align:center; border-width:medium; border-style:none;">           
							<input type="text" name="chart" size="46" style="font-family:Arial;font-weight:bolder; color:black; padding:0px; border-style:none;">
							</p>
							</div>
			
								<p><input type="submit" accesskey="s" name="post" id="comment-submit" value="发表" />  <span class="hint"> &laquo;- 点击按钮</span></p>
							</div>
						</form>
					</div>
				</div>
			</div>
	   </div>
	
	  </div>
	</div>
	  <!--bloglist end-->
	  <aside>
		<div class="search">
		  <form class="searchform" method="get" action="#">
			<input type="text" name="s" value="Search" onfocus="this.value=''" onblur="this.value='Search'">
		  </form>
		</div>
		<div class="sunnav">
		  <ul>
			{{range $i,$v := .items}}
			<li><a href="/items/{{$i}}" title="{{$v}}">{{$v}}</a></li>
			{{end}}
		  </ul>
		</div>
		<div class="tuijian">
		  <h2>推荐文章</h2>
		  <ol>
			<li><span><strong>1</strong></span><a href="/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
			<li><span><strong>2</strong></span><a href="/">励志人生-要做一个潇洒的女人</a></li>
			<li><span><strong>3</strong></span><a href="/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
			<li><span><strong>4</strong></span><a href="/">Green绿色小清新的夏天-个人博客模板</a></li>
			<li><span><strong>5</strong></span><a href="/">女生清新个人博客网站模板</a></li>
			<li><span><strong>6</strong></span><a href="/">Wedding-婚礼主题、情人节网站模板</a></li>
			<li><span><strong>7</strong></span><a href="/">Column 三栏布局 个人网站模板</a></li>
			<li><span><strong>8</strong></span><a href="/">时间煮雨-个人网站模板</a></li>
			<li><span><strong>9</strong></span><a href="/">花气袭人是酒香—个人网站模板</a></li>
		  </ol>
		</div>
		<div class="clicks">
		  <h2>热门点击</h2>
		  <ol>
			<li><span><a href="/">慢生活</a></span><a href="/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
			<li><span><a href="/">爱情美文</a></span><a href="/">励志人生-要做一个潇洒的女人</a></li>
			<li><span><a href="/">慢生活</a></span><a href="/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
			<li><span><a href="/">博客模板</a></span><a href="/">Green绿色小清新的夏天-个人博客模板</a></li>
			<li><span><a href="/">女生个人博客</a></span><a href="/">女生清新个人博客网站模板</a></li>
			<li><span><a href="/">Wedding</a></span><a href="/">Wedding-婚礼主题、情人节网站模板</a></li>
			<li><span><a href="/">三栏布局</a></span><a href="/">Column 三栏布局 个人网站模板</a></li>
			<li><span><a href="/">个人网站模板</a></span><a href="/">时间煮雨-个人网站模板</a></li>
			<li><span><a href="/">古典风格</a></span><a href="/">花气袭人是酒香—个人网站模板</a></li>
		  </ol>
		</div>
	  </aside>
	</div>
	<!--blogs end--> 
  </div>
  <!--mainbody end-->
  <footer>
	<div class="footer-mid">
	  <div class="links">
		<h2>友情链接</h2>
		<ul>
		  <li><a href="/">杨青个人博客</a></li>
		  <li><a href="http://www.3dst.com">3DST技术服务中心</a></li>
		</ul>
	  </div>
	  <div class="visitors">
		<h2>最新评论</h2>
		<dl>
		  <dt><img src="/assets/images/s8.jpg">
		  <dt>
		  <dd>DanceSmile
			<time>49分钟前</time>
		  </dd>
		  <dd>在 <a href="http://www.yangqq.com/jstt/bj/2013-07-28/530.html" class="title">如果要学习web前端开发，需要学习什么？ </a>中评论：</dd>
		  <dd>文章非常详细，我很喜欢.前端的工程师很少，我记得几年前yahoo花高薪招聘前端也招不到</dd>
		</dl>
		<dl>
		  <dt><img src="/assets/images/s7.jpg">
		  <dt>
		  <dd>yisa
			<time>2小时前</time>
		  </dd>
		  <dd>在 <a href="http://www.yangqq.com/news/s/2013-07-31/533.html" class="title">芭蕾女孩的心事儿</a>中评论：</dd>
		  <dd>我手机里面也有这样一个号码存在</dd>
		</dl>
		<dl>
		  <dt><img src="/assets/images/s6.jpg">
		  <dt>
		  <dd>小林博客
			<time>8月7日</time>
		  </dd>
		  <dd>在 <a href="http://www.yangqq.com/jstt/bj/2013-06-18/285.html" class="title">如果个人博客网站再没有价值，你还会坚持吗？ </a>中评论：</dd>
		  <dd>博客色彩丰富，很是好看</dd>
		</dl>
	  </div>
	  <section class="flickr">
		<h2>摄影作品</h2>
		<ul>
		  <li><a href="/"><img src="/assets/images/01.jpg"></a></li>
		  <li><a href="/"><img src="/assets/images/02.jpg"></a></li>
		  <li><a href="/"><img src="/assets/images/03.jpg"></a></li>
		  <li><a href="/"><img src="/assets/images/04.jpg"></a></li>
		  <li><a href="/"><img src="/assets/images/05.jpg"></a></li>
		  <li><a href="/"><img src="/assets/images/06.jpg"></a></li>
		  <li><a href="/"><img src="/assets/images/07.jpg"></a></li>
		  <li><a href="/"><img src="/assets/images/08.jpg"></a></li>
		  <li><a href="/"><img src="/assets/images/09.jpg"></a></li>
		</ul>
	  </section>
	</div>
	<div class="footer-bottom">
	  <p>Copyright 2013 Design by <a href="http://www.yangqq.com">DanceSmile</a></p>
	</div>
  </footer>
  <!-- jQuery仿腾讯回顶部和建议 代码开始 -->
  <div id="tbox"> <a id="togbook" href="/e/tool/gbook/?bid=1"></a> <a id="gotop" href="javascript:void(0)"></a> </div>
  <!-- 代码结束 -->
  <script>
	var md;
	var defaults = {
	  html: false, // Enable HTML tags in source
	  xhtmlOut: false, // Use '/' to close single tags (<br />)
	  breaks: false, // Convert '\n' in paragraphs into <br>
	  langPrefix: 'language-', // CSS language prefix for fenced blocks
	  linkify: true, // autoconvert URL-like texts to links
	  typographer: true, // Enable smartypants and other sweet transforms
	  // options below are for demo only
	  _highlight: true,
	  _strict: false,
	  _view: 'html' // html / src / debug
	};
	defaults.highlight = function (str, lang) {
	  var esc = md.utils.escapeHtml;
	 
	  if (lang && hljs.getLanguage(lang)) {
		try {
		  return '<pre class="hljs"><code>' +
				 hljs.highlight(lang, str, true).value +
				 '</code></pre>';
		} catch (__) {}
	  }
	  return '<pre class="hljs"><code>' + esc(str) + '</code></pre>';
	};
	md = window.markdownit(defaults);
    $('.md_render').html(md.render("{{.post.Body}}"));


	function stick_count(){
            bar= bar+2;
            amount =amount + line;
            document.forms["comments_form"].chart.value=amount;
            document.forms["comments_form"].percent.value=bar+"%";
            if (bar<99)
            {setTimeout("stick_count()",200);}
            else
            {}
    }
	function pleaseWait() {
	if(document.getElementById('comment-text').value.length>1200){
	alert('留言请勿超过1200字！');
	return false;
	}
	if(!document.forms["comments_form"].author.value){
	alert('请填写“您的大名”！');
	return false;
	}

	if(document.forms["comments_form"].email.value.length<7 || document.forms["comments_form"].email.value.indexOf("@")==-1){
	alert('请正确填写电子邮件地址！');
	return false;
	}

	if(document.getElementById('comment-text').value.length<2){
	alert('留言不得为空！');
	return false;
	}

	document.getElementById("comment-submit").style.visibility="hidden";
	document.getElementById("wait").style.display="block";
	stick_count();
	if (document.forms["comments_form"].armor){
		document.forms["comments_form"].armor.value = '493b793496197fb44387464d8c8c8cb4091a0b94';
	}
	return true;
	}
	
  </script>
  </body>
</html>